<template>
  <div>
   
    <haoping :haoping="haoping"></haoping>
    <reying :reyinglist='reyinglist'></reying>
  </div>
</template>

<script>
import axios from "axios";
import haoping from "@/components/hot/haoping"
import reying from "@/components/hot/reying"

export default {
  name: "hot",
  data: function () {
    return {
      reyinglist: [],
      haoping: "", 
    };
  },
  mounted() {
    axios
      .get(
        "/ajax/movieOnInfoList?token=&optimus_uuid=9301B8F0D8A111EBB376757321755EB7A2F821BBA2B047FE86EE9833C24FC202&optimus_risk_level=71&optimus_code=10"
      )
      .then((res) => {
        console.log(res);
        var reyinglist = res.data.movieList;
        reyinglist.forEach(item => {
                      item.img = item.img.replace("w.h", "64.90");
                  })
                  this.reyinglist=reyinglist
      });

    
    axios
      .get(
        "ajax/topRatedMovies?token=&optimus_uuid=9301B8F0D8A111EBB376757321755EB7A2F821BBA2B047FE86EE9833C24FC202&optimus_risk_level=71&optimus_code=10"
      )
      .then((res) => {
        console.log(res);
        this.haoping = res.data;
      });
  },
  components: {
    haoping,
    reying
  },
};
</script>

<style>
 /* .haha{
            display: flex;
            margin-bottom: .533333rem;
            align-items: center;
            margin-left: .8rem;
            
            
        }
.haha img{
    width: auto;
    height: 80px;
    margin-top: .8rem;
}
  .qq{
            font-size: 15px;
        }
        .ww{
            color: #666;
        }
 button{
            background-color: red;
            color: white;
            width: 2.666667rem;
            height: 1.333333rem;
            border: none;
            margin-left: .266667rem;
            
        }
        .a{
            margin-left: 10px;
            overflow: hidden;
            text-overflow: ellipsis; 
            white-space: nowrap;
            margin-bottom: .266667rem;
            font-size: 14px;
            width: 16rem;
            height: 5.333333rem;
        } */
</style>